html{
    font-size: 16px;
}
*{
    margin: 0;
    padding: 0;
}
.ml5{
    margin-left: 5rem;
}
.ml1{
    margin-left: 1rem;
}
.ml2{
    margin-left: 2rem;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.tl{
    text-align: left;
}
.m0{
    margin: 0 auto;
}

.inb{
    display: inline-block;
}

.df{
    display: flex;
}

.flex1{
    flex: 1;
}
.fr{
    float: right;
}

.ca6a6a6{
    color: #a6a6a6;
}
.c9e9e9e{
    color: #9e9e9e;
}
.c5f9dab {
    color: #5f9dab;
}
.cred{
    color: #b43c46;
}
.cgray{
    color: #d9d9d9;
}

.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}